<template>
  <el-tabs v-model="tabActiveName" type="border-card" tab-position="left">
    <el-tab-pane
      v-for="(item, index) in paneTitleList"
      :key="index"
      :label="item.label"
      :name="item.name"
      ><div class="tab-pane-container">
        <TabVideoList></TabVideoList><TabVideoList></TabVideoList></div
    ></el-tab-pane>
  </el-tabs>
</template>

<script>
import TabVideoList from "@/component/tabVideoList.vue";

export default {
  props: {
    paneTitleList: [],
  },
  components: {
    TabVideoList,
  },

  data() {
    return {
      tabActiveName: "星期一",
    };
  },
};
</script>

<style scoped lang="scss">
.tab-pane-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.img {
  height: 190px;
}
</style>
